.userInfoContainer {
    width: 238px;
    margin: 8px 0 8px 8px;
    padding: 8px 0 8px 8px;
    .userInfoContent{
        width: 238px;
        border-radius: 10px;
        border: 1px solid rgb(220,222,225);
        box-shadow: 0px 1px 1px  rgb(220,222,225) ;
        
        .userInfoFollow{
            display: flex;
            padding: 16px 0px;
            align-items: center;
            .follow{
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                flex: 1 1 0%;
                cursor: pointer;
            }
        }
        .btnModifyInfo{
            padding: 0px 16px;
            Button{
                background-color:#F2F3F4;
                border-radius: 8px;
            }
        }
        .achievementContribution{
            margin: 0px 16px;
            padding: 24px 0px;
            border-bottom: 1px solid #F0F0F0;
            .contributionTitle{
                color:black;
                font-size: 16px;
                line-height: 22px;
                font-weight: 600;
                margin-bottom: 16px;
            }
            .contributionList{

                .contributionItem{
                    display: flex;
                    align-items: center;
                    
                    .desc{
                        cursor: default;
                        margin-left: 8px;
                    }
                }
                .contributionItem:not(:first-of-type){
                   margin-top: 16px;
                }
            }
        }
        .userDesc{
            margin: 0px 16px;
            padding: 24px 0px;
            border-bottom: 1px solid #F0F0F0;
            p{
                font-size: 16px;
                line-height: 22px;
                font-weight: 600;
            }
        }
    }
}